<template>
  <div class="index">
     <topcontent></topcontent>
      <swipe :swipecontent="swipecontent"></swipe>
      <midcontent></midcontent>
  </div>
</template>

<script>
  import swipe from "../swipe.vue"
  import midcontent from "./midcontent.vue"
 import topcontent from "../index/topcontent.vue"
  var pic1=require("../../assets/images/1454917.jpg")
  var pic2=require("../../assets/images/1455931.jpg")
  var pic3=require("../../assets/images/w710h400z1l50t10e8.jpg")
  export default {
    data () {
      return {
        swipecontent:[pic1,pic2,pic3]
      }
    },
    components:{
      swipe,
      midcontent,
      topcontent
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

.index{
  margin-bottom: 80px;
}
</style>
